<template>
  <div class="pagination">
    <div>共计{{total}}个</div>
    <div><a-pagination :default-current="page" :total="total" @change="pageChange" /></div>
  </div>
</template>
<script>
  export default {
    name:'pagination',
    props:{
      page: Number,
      total: Number
    },
    methods:{
      pageChange(e){
        this.$emit('pageSize', e);
      }
    }
  }
</script>
<style lang="less" scoped>
  .pagination{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 24px;
  }
</style>
